<script setup lang="ts">

</script>

<template>
<view class="uni-margin-wrap">
			<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="3000"
				:duration="500">
				<swiper-item>
					<view class="swiper-item uni-bg-red">
						<image
							src="@/static/images/jxhomeswipper/wxswipper01.png"
							class="swipperclass"
						/>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item uni-bg-green">
						<image
						class="swipperclass"
							src="@/static/images/jxhomeswipper/wxswipper02.png"
							mode="scaleToFill"
						/>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item uni-bg-blue">
						<image
						class="swipperclass"
							src="@/static/images/jxhomeswipper/wxswipper03.png"
							mode="scaleToFill"
						/>
					</view>
				</swiper-item>
			</swiper>
		</view>
</template>

<style lang="scss">
.swipperclass{
	width: 100%;
	height: 100%;
}
.uni-margin-wrap {
		width: 690rpx;
		width: 100%;
	}
	.swiper {
		height: 300rpx;
	}
	.swiper-item {
		display: block;
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;
	}
	.swiper-list {
		margin-top: 40rpx;
		margin-bottom: 0;
	}
	.uni-common-mt {
		margin-top: 60rpx;
		position: relative;
	}
	.info {
		position: absolute;
		right: 20rpx;
	}
	.uni-padding-wrap {
		width: 550rpx;
		padding: 0 100rpx;
	}
</style>